<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0 maximum-scale=1.0,">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/button.css">
</head>
<body>
    <div class="external">
        <div class="head">
            <span class="yiziqianjing">一字千金</span>
            <div class="login" onclick="ShowDiv('personage','fade')">
                <a href="#">个人中心</a>
            </div>
            <div id="personage" class="personal-center">
                <div class="personal-information">
                    <span onclick="CloseDiv('personage','fade')">关闭</span>
                </div>
                <div class="binding">
                    <div class="mobile-phone">绑定安全手机</div>
                    <div class="problem">常见问题</div>
                    <div class="service">联系客服</div>
                    <div class="secede">退出账号</div>
                </div>
            </div>
        </div>
        <div class="account">
            <div class="account_balance">
                <span>账户余额 ( 元 )</span>
            </div>
            <div class="Money">
                <span>￥120.58</span>
            </div>
            <div class="Top-up_withdrawal">
                <div class="top_up_recharge">
                    <div class="notecase-img">
                        <span class="image">
                            <img src="../image/chongzhi_icon@3x.png" alt="">
                        </span>
                    </div>
                    <div class="notecase-top-up-recharge">
                        <a type="button" id="Button1" onclick="ShowDiv('jj','fade')">充值</a>
                        <div id="fade" class="black_overlay"></div>
                        <div id="jj" class="white_content">
                            <div style="text-align: right; cursor: default;" class="close_style">
                                <span class="headline">一字千金</span>
                                <span onclick="CloseDiv('jj','fade')" class="close">关闭</span>
                            </div>
                            <div class="option-money">
                                <p class="pitch_on number1" id="div" style="">
                                    <span>￥ 50</span>
                                </p>
                                <p class="pitch_on number1" id="money2" style="">
                                    <span>￥ 100</span>
                                </p>
                                <p class="pitch_on number1" id="money3" style="">
                                    <span>￥ 200</span>
                                </p>
                            </div>
                            <div class="option-money">
                                <p class="pitch_on number1" id="money4" style="">
                                    <span>￥ 500</span>
                                </p>
                                <p class="pitch_on number1" id="money5" style="">
                                    <span>￥ 1000</span>
                                </p>
                                <p class="pitch_on number1" id="money6" style="">
                                    <span>￥ 2000</span>
                                </p>

                            </div>
                            <div class="payment">
                                <p class="payment_img">
                                    <img src="../image/weixin(1)@3x.png" alt="">
                                </p>
                                <p class="payment_character" id="box">
                                    <span class="styls">支付方式</span>
                                </p>
                                <p class="Select-the-payment">
                                    <input type="checkbox" name="vehicle" value="Car" />
                                </p>
                            </div>
                            <div class="confirm-payment">
                                <a href="#">充值</a>
                            </div>
                        </div>
                        <!-- 提现金额 -->
                        <div id="kk" class="white_content1">
                            <div class="close_style1">
                                <span onclick="CloseDiv('kk','fade')" class="close1">关闭</span>
                            </div>
                            <span class="balance">提现金额 ( 余额:￥120.58 )</span>
                            <div class="parting-line">
                                <input type="text" class="Amount-of-input" placeholder="请输入金额">
                                <span class="possessions">全部提现</span>
                            </div>


                            <span class="minimality">注:最小提现金额10元</span>
                            <div class="confirm-payment1">
                                <a href="#">提现</a>
                            </div>
                            <div class="without"></div>
                        </div>
                    </div>
                </div>
                <div class="withdraw_deposit">
                    <div class="Withdraw-img">
                        <span class="image">
                            <img src="../image/tixian_icon@3x.png" alt="">
                        </span>
                    </div>
                    <div class="withdraw-deposit">
                        <a href="#" id="Button1" type="button" onclick="ShowDiv('kk','fade')">提现</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="font-library">
            <div class="Character-reference">
                <p class="left-money">
                    <span class="preciprice">字库参考价值 ( 元 )</span><br>
                    <span class="number">1238.89</span>
                </p>
                <p class="sell">
                    <a href="#" class="work-off">出售</a>
                </p>
            </div>
        </div>
        <div class="search-box">
            <div class="search">
                <p class="icon-font"></p>
                <p class="import">
                    <input type="text" placeholder="搜索字库">
                </p>
            </div>
            <div class="pull-down">
                <select>
                    <option value="volvo">默认排序</option>
                    <option value="saab">从大到小</option>
                    <option value="opel">从小到大</option>
                    <option value="audi">不排序</option>
                </select>
            </div>
        </div>
        <div class="word-stock">
            <div class="typeface">
                <p class="character first">
                    <span class="character1" id="Button1" onclick="ShowDiv('MyDiv','fade')">鑫</span>
                    <span class="number-show">22</span>
                    <div id="fade" class="black_overlay"></div>
                    <div id="MyDiv" class="white_content2">
                        <div class="defuse">
                            <span onclick="CloseDiv('MyDiv','fade')" class="cancel">关闭</span>
                        </div>
                        <div class="typeface-Popout">
                            <div class="private-person">
                                <span class="wenzi">曹</span>
                            </div>
                            <div class="text-description">
                                <span>当前最低价<span>: ￥23.75</span></span><br>
                                <span>今日标准价<span>: ￥23.752222</span></span><br>
                                <span>上架数量<span>: 2</span></span><br>
                                <span>最近购入<span>: 未购入</span></span>
                            </div>
                            <div class="average">
                                <div class="show-off">
                                    <a href="#">出售</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </p>
                <p class="character  second">
                    <span class="character1">森</span>
                    <span class="number-show">22</span>
                </p>
                <p class="character thirdly">
                    <span class="character1">淼</span>
                    <span class="number-show">22</span>
                </p>
                <p class="character number_four">
                    <span class="character1">燚</span>
                    <span class="number-show">22</span>
                </p>
                <p class="character fifth">
                    <span class="character1">土</span>
                    <span class="number-show">22</span>
                </p>


            </div>
        </div>
        <!-- 底部 -->
        <div class="fixed">
            <p class="transaction award">
                <a href="#">每周奖励</a>
            </p>
            <p class="transaction gain">
                <a href="#">获取文字</a>
            </p>
            <p class="transaction Trade-line">
                <a href="#">交易行</a>
            </p>
        </div>
    </div>
</body>
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/Show_hidden.js"></script>
</html>